

define(()=>{
class paging_list {
    constructor() {

        this.init()

    }
    // 页面初始化
    init() {
        this.ajax()

    }
    // 发送ajax拿到数据 
    ajax() {
        $.ajax({
            url: "../data/goods.json",
            type: "get",
            dataType: "json"

        }).then( (res)=> {

            // 数据渲染
            let mach = Math.floor((Math.random() * 1000 / 3))
            let dataList = res.slice(parseInt(mach / 2), mach)
            console.log(dataList)
            dataList.forEach(item => {

                render(item)

            });
            // 升序
            $(".height").click( ()=> {


                dataList.sort(function (a, b) {
                    return parseInt(a.price) - parseInt(b.price)
                })
                $(".pagelist")[0].innerHTML = ""

                dataList.forEach(function (item) {
                    render(item)

                })
                qq()

            })
            // 降序
            $(".low").click(()=> {
                location.reload(true);
                dataList.sort(function (a, b) {
                    return parseInt(b.price) - parseInt(a.price)
                })
                $(".pagelist")[0].innerHTML = ""

                dataList.forEach(function (item) {
                    render(item)


                })
               

            })


            // 数据渲染标签部分


            function render(item) {

                $(".pagelist")[0].innerHTML += `

    <li>
    <a href="./detailPages.html?id=${item.goods_id}">
    <div class="imges">
    <img src="${item.img_small_logo}" alt="">
    </div>
    <p class="p1 texthide ">${item.title} </p>
    <i>3期免息</i>
    <p class="p2">${item.price}</p>
    </a>
    </li>


`

            }

            qq()

            // 设置分页器
            function qq() {
                $(".paging_list").paging({

                    PageNum: 25, //每页显示数目
                    pageMax: true, //按钮长度是否显示
                    pageMaxHideShow: true, //在最后一个的时候是否隐藏按钮长度
                    pageDownUpHide: false, //到第一个或最后一个是否让上一页或下一页消失
                    pageInput: true, //是否使用文本框输入跳转
                    pagingBtnHide: false, //是否让按钮变为一个
                    pagingBtnPaging: true, //按钮是否分页
                    pagingDisplay: "flex" //显示的属性，弹性盒子还是块化
                })
            }


        })



    }


}
    return paging_list 
    })